<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>预约表单</title>
    <link rel="stylesheet" href="./css/yuy.css">
</head>
<body>
    <form action="#">
        <label for="xingming">姓名:
            <input type="text" name="cname" placeholder="请输入姓名" id="xingming">
        </label> <br>
        <label for="shou">手机:
            <input type="tel" name="shouji" placeholder="请输入手机号码" id="shou">
        </label> <br>
        <label for="chu">出生年月日：
            <input type="date" name="shengri" id="chu">
        </label> <br>
        <label for="youxiang">邮箱：
            <input type="email" name="email" placeholder="请输入电子邮箱" id="youxiang">
        </label> <br>
        <label for="male">性别：
            <input type="radio" name="gender" id="male" checked="checked">男
        </label>
        <label for="famale">
            <input type="radio" name="gender" id="famale">女
        </label> <br>
        <label for="hun">婚姻状态：
            <select name="hunyin" id="hun">
                <option value="未婚">未 婚</option>
                <option value="已婚" selected>已 婚</option>
                <option value="丧偶">丧 偶</option>
                <option value="离婚">离 婚</option>
            </select>
        </label> <br>
        爱好： <br>
        <label for="shu">
            <input type="checkbox" name="kanshu" id="shu" checked>原神
        </label>
        <label for="qiu">
            <input type="checkbox" name="daqiu" id="qiu">打球
        </label>
        <label for="bu">
            <input type="checkbox" name="paobu" id="bu">跑步
        </label>
        <label for="xi">
            <input type="checkbox" name="youxi" id="xi">游戏
        </label>
        <label for="ying">
            <input type="checkbox" name="dianying" id="ying">看动漫
        </label> <br>
        <input type="submit" value="提交">
        <input type="reset" value="重置">
    </form>
</body>
</html>
